/* html,
body{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background: url(../images/login_bg.jpg)no-repeat center;
    background-size: cover;
}

.login{
    width: 400px;
    height: 310px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.title-box {
    height: 60px;
    background: url(../images/login_title.png)no-repeat center;
}

.reg-box {
    display: none;
}

.layui-form {
    padding: 0 30px;
}
.links {
    display: flex;
    justify-content: flex-end;
}
.links a {
    font-size: 12px;
}

.layui-form-item{
    position: relative;
}
.layui-icon {
    position: absolute;
    top: 10px;
    left: 10px;
}
.layui-input{
    padding-left: 32px;
} */


html,body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    font-size: 12px;
    background: url(/assets/images/login_bg.jpg) no-repeat center;
    background-size: cover;

}

.logins{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 400px;
    height: 310px;
    transform: translate(-50%,-50%);
    background-color: #fff;
    .title {
        height: 60px;
        background: url(/assets/images/login_title.png) no-repeat center;
        
    }
    .reg-box {
        display: none;
    }
    .layui-form{
        padding: 0 30px;

        .links{
            display: flex;
            justify-content: flex-end;
        }

        .layui-form-item{
            position: relative;

            .layui-icon{
                position: absolute;
                top: 10px;
                left: 10px;
            }

            .layui-input{
                padding-left: 32px;
            }
        }
    }

}